<link rel="import" href="head.html?__inline">
<div class="head">
    <div class="container clearfix">
        <img src="images/logo.png" alt=""/><span>河北省安全科技技术中心在线培训系统</span>
        <ul>
            <li><a href="/index.html">首页</a></li>
            <li><a href="/training-plan.html" class="active">培训计划</a></li>
            <li><a href="/complete-plan.html">个人中心</a></li>
            <li><a href="/teacher-resources.html">师资管理</a></li>
            <li><a href="/novice-help.html">帮助中心</a></li>
        </ul>
    </div>
</div>
    <!--head---end-->
    <div class="content">
        <div class="container">
            <div class="first-line"><a href="/training-plan.html"><span>培训计划</span></a><img src="images/point.png" alt=""><span>计划详情</span></div>
            <div class="plan-class-detail clearfix">
                <img src="images/danger.png" alt="">
                <div class="plan-class">
                    <div class="plan-c-people">负责人-危险运营单位-2016002</div>
                    <p class="plan-cp">本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                    <p class="plan-piece">￥10.00</p>
                    <div><a href="/applan-true-order.html" class="plan-sign">立即报名</a><a href="/shopping.html" class="plan-join">加入购物车</a></div>
                </div>
            </div>
            <div class="plan-c-list">
                <div class="plan-fan"><a href="#" class="plan-c-active">课程目录</a><a href="#">详情列表</a></div>
                <div class="detail-list">
                <ul class="f-p-fan">
                    <li class="clearfix">
                        <img src="images/home_img02.png" alt="">
                        <div class="class-time clearfix">
                            <div class="class-left">
                                <div>第一课时 危险化学品生产（一）</div>
                                <p class="class-lp">本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                                <p><span>5章节</span><span class="class-shu">|</span><span class="class-main-t">主讲：王顺</span></p>
                            </div>
                            <div class="class-right">
                                <a href="/videoPlay.html">进入课堂</a>
                                <p>236次播放</p>
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <img src="images/home_img02.png" alt="">
                        <div class="class-time clearfix">
                            <div class="class-left">
                                <div>第一课时 危险化学品生产（一）</div>
                                <p class="class-lp">本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                                <p><span>5章节</span><span class="class-shu">|</span><span class="class-main-t">主讲：王顺</span></p>
                            </div>
                            <div class="class-right">
                                <a href="/videoPlay.html">进入课堂</a>
                                <p>236次播放</p>
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <img src="images/home_img02.png" alt="">
                        <div class="class-time clearfix">
                            <div class="class-left">
                                <div>第一课时 危险化学品生产（一）</div>
                                <p class="class-lp">本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                                <p><span>5章节</span><span class="class-shu">|</span><span class="class-main-t">主讲：王顺</span></p>
                            </div>
                            <div class="class-right">
                                <a href="/videoPlay.html">进入课堂</a>
                                <p>236次播放</p>
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <img src="images/home_img02.png" alt="">
                        <div class="class-time clearfix">
                            <div class="class-left">
                                <div>第一课时 危险化学品生产（一）</div>
                                <p class="class-lp">本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                                <p><span>5章节</span><span class="class-shu">|</span><span class="class-main-t">主讲：王顺</span></p>
                            </div>
                            <div class="class-right">
                                <a href="/videoPlay.html">进入课堂</a>
                                <p>236次播放</p>
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <img src="images/home_img02.png" alt="">
                        <div class="class-time clearfix">
                            <div class="class-left">
                                <div>第一课时 危险化学品生产（一）</div>
                                <p class="class-lp">本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                                <p><span>5章节</span><span class="class-shu">|</span><span class="class-main-t">主讲：王顺</span></p>
                            </div>
                            <div class="class-right">
                                <a href="/videoPlay.html">进入课堂</a>
                                <p>236次播放</p>
                            </div>
                        </div>
                    </li>
                    <li class="clearfix last-class-plan">
                        <img src="images/home_img02.png" alt="">
                        <div class="class-time clearfix">
                            <div class="class-left">
                                <div>第一课时 危险化学品生产（一）</div>
                                <p class="class-lp">本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                                <p><span>5章节</span><span class="class-shu">|</span><span class="class-main-t">主讲：王顺</span></p>
                            </div>
                            <div class="class-right">
                                <a href="/videoPlay.html">进入课堂</a>
                                <p>236次播放</p>
                            </div>
                        </div>
                    </li>
                    <div class="next-page clearfix">
                <ul class="clearfix">
                    <li><a href="">首页</a></li>
                    <li><a href="">上一页</a></li>
                    <li><a href="" class="one">1</a></li>
                    <li><a href="">2</a></li>
                    <li><a href="">3</a></li>
                    <li><a href="">4</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">下一页</a></li>
                    <li><a href="">末页</a></li>
                </ul>
            </div>
                </ul>
                <ul class="plan-class-list">
                    <li>计划名称：主要负责人-危险运营单位-2016012</li>
                    <li><em>计划介绍：</em><span>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程
                        及注意事项。同时分享学习这门课的方法和职业规划。</span></li>
                    <li>培训对象：负责人</li>
                    <li>单位类型：危险运营</li>
                    <li>考核性质：初领</li>
                    <li>培训价格：10元</li>
                    <li>培训课时：32课时</li>
                    <li>开始时间：2016-10-06</li>
                    <li>结束时间：2017-10-06</li>
                    <li class="l-planClass">报名截止时间：2016-11-06</li>
                </ul>
                 </div>
            </div>
           
        </div>
    </div>
    <!--content---end-->
<link rel="import" href="footer.html?__inline">
<script>
    $(function(){
        var $div_li =$("div.plan-fan > a");
        $div_li.click(function(){
            $(this).addClass("plan-c-active")            //当前<li>元素高亮
                    .siblings().removeClass("plan-c-active");  //去掉其它同辈<li>元素的高亮
            var index =  $div_li.index(this);  // 获取当前点击的<li>元素 在 全部li元素中的索引。
            $("div.detail-list > ul")      //选取子节点。不选取子节点的话，会引起错误。如果里面还有div
                    .eq(index).show()   //显示 <li>元素对应的<div>元素
                    .siblings().hide(); //隐藏其它几个同辈的<div>元素
        }).hover(function(){
            $(this).addClass("hover");
        },function(){
            $(this).removeClass("hover");
        })
    })

</script>
</body>
</html>